import type { FC } from "react";
import type { TIconProps } from "../types";

export const EnglishLanguageIcon: FC<TIconProps> = (props) => (
  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
    <path
      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z"
      fill="#0052B5"
    />
    <path
      d="M9.5 7.5V2.315A9.958 9.958 0 0 1 12 2a10.098 10.098 0 0 1 2.5.315v6.56l4.25-4.253c.458.42 1.126 1.256 1.5 1.753L17 9.5h4.685A9.947 9.947 0 0 1 22 12a10.092 10.092 0 0 1-.315 2.5H16.25L20 18a10.059 10.059 0 0 1-1.875 1.905L14.5 16.25v5.435A9.947 9.947 0 0 1 12 22a10.092 10.092 0 0 1-2.5-.315V15.25l-4.125 4.24a10.059 10.059 0 0 1-1.5-1.66L7.5 14.5H2.315A9.955 9.955 0 0 1 2 12a10.098 10.098 0 0 1 .315-2.5h5.31L4 5.999a10.059 10.059 0 0 1 1.944-1.957L9.5 7.5Z"
      fill="#fff"
    />
    <path
      d="M9.5 9.5 4.936 4.922c-.241.24-.47.494-.686.758l4 3.82H9.5ZM14.5 9.5l4.564-4.578c.241.24.47.494.686.758l-4 3.82H14.5ZM14.5 14.586l4.564 4.578c.241-.24.47-.494.686-.758l-4-3.82H14.5ZM9.5 14.586l-4.564 4.578c-.241-.24-.47-.494-.686-.758l4-3.82H9.5Z"
      fill="#D90026"
    />
    <path
      d="M2.077 10.75a10.098 10.098 0 0 0 0 2.5h8.673v8.673a10.092 10.092 0 0 0 2.5 0V13.25h8.673a10.092 10.092 0 0 0 0-2.5H13.25V2.077C12.76 2.004 12.51 2 12 2c-.423 0-.84.026-1.25.077v8.673H2.077Z"
      fill="#D90026"
    />
  </svg>
);
